<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
    <title>宝宅智能家居</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/main.css?v=1">
    <meta name="description" content="宝宅智能家居">
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?33812ac2cb554482cc523af1be5c1f02";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <style type="text/css">  
        .indent{text-indent: 2em;}
    </style> 
</head>
<body>

<header id="header" class="header header--fixed hide-from-print" role="banner">
    <div class="container" >
    
        <nav id="nav" class="nav-wrapper" role="navigation">
            <ul class="nav nav--main">
                <li class="nav__item ">
                    <a class="header__link subdued" target="_blank" href="https://github.com/chzhewl/baozhai/">
                        <img style="margin-top:-5px" height="15px" width="15px" src="images/doc.png"/>
                        <span class="complimentary push--left">开发文档</span>
                    </a>
                </li>
                <li class="nav__item ">
                    <a class="header__link subdued" target="_blank" href="https://github.com/chzhewl/baozhai">
                        <span aria-hidden="true" class="icon icon--github"></span>
                        <span class="complimentary push--left">GitHub</span>
                    </a>
                </li>            
            </ul>
        </nav>
        
        <a href="http://www.baozhai.cc" class="brand header__link">
            <b class="brand__forename">宝宅智能家居</b>
        </a>
    </div>
</header>

<article>
<header class="feature">
    <div class="container container--wide feature-title">
        <h1><img src="images/logo.gif"/><h1>
        <h1 class="feature-title__title headroom-title">宝宅智能家居</h1>
        <p class="feature-title__subtitle">做最好玩的智能家居开发平台，献给爱折腾的朋友们</p>
    </div>
</header>

<div class="container block main" role="main">

</p>
宝宅技术交流QQ群(88853045)
<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=2baf9477250c33b68df0d7114a016db97fa109e9b135b9fc02f12422bf42d23c"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="宝宅技术交流" title="宝宅技术交流"></a>
</p>

<h2>宝宅智能家居能做什么？</h2>

<p class="indent">宝宅智能家居是一套简单、易用、开源的智能家居开发平台，宝宅智能家居为爱折腾的开发者们而生，目的是为了简化智能家居系统的开发复杂度，使开发者们可以将更多的精力放到智能家居功能本身的开发上来。</p>

<h2>我们先来看一个案例视频</h2>
<p><embed src="http://player.youku.com/player.php/sid/XMTQxNTU0MDQ3Mg==/v.swf" allowFullScreen="true" quality="high" width="624" height="520" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p>


<h2>宝宅智能家居架构图</h2>

<p><img src="images/framework.gif"/></p>

<h2>宝宅智能家居开发流程</h2>
<p><img src="images/dev_process.png"/></p>

<h2>设备开发 </h2>

<p class="indent">采用ESP8266 WIFI芯片作为设备MCU，价格便宜，功能强大。基于Arduino for ESP8266 开发环境，完全可以像开发arduino程序一样方便的开发ESP8266程序。借助arduino便利的开发特性和已有arduino三方库可以很容易的实现与各类传感器对接。另外，基于宝宅提供的智能家居开发库，开发者无须关心具体的通讯细节，只需要通过简单的API调用就可以方便的与网关上的程序进行交互。</p>
<p><a target="blank" href="https://github.com/chzhewl/baozhai/blob/gh-pages/doc/02.md">设备开发文档</a></p>
<p>Arduino for ESP8266 开发环境</p>
<img src="images/arduino_ide.png"/>
</p>
<p>示例代码</p>
<img src="images/device-code-example.png"/>
</p>

<h2>网关开发 </h2>

<p class="indent">宝宅的网关开发需要先安装宝宅网关框架程序，框架程序采用Node.js开发，可以运行在树莓派或其他ARM CPU的设备上（手机也可以哦^_^），当然也可以运行在PC机上，目前支持在树莓派上一键安装。<p/>
<p class="indent">宝宅网关框架为用户提供了WEB版在线集成开发环境，可以用来开发网关程序和设计手机端控制界面，采用Javascript和HTML/CSS WEB开发语言，上手容易。基于宝宅的网关开发框架，开发者无须关心设备与网关、网关与手机之间具体的通讯细节，只需要通过在线WEB集成开发环境里编写少量的代码就可以非常方便的实现设备和手机的访问和联动，<a target="blank" href="http://demogw.baozhai.cc/">点击查看网关在线集成开发环境的演示Demo。</a></p>
<p><a target="blank" href="https://github.com/chzhewl/baozhai/blob/gh-pages/doc/01.md">网关开发文档</a></p>
<p><a target="blank" href="https://github.com/chzhewl/baozhai/blob/gh-pages/doc/03.md">手机界面设计文档</a></p>

<p>登录界面</p>
<img src="images/gateway-login.png"/>
</p>
<p>网关首页</p>
<img src="images/gateway_home.png"/>
</p>
<p>网关集成开发环境</p>
<img src="images/gateway-dev.png"/>
</p>
<p>示例代码</p>
<img src="images/gateway-code-example.png"/>
</p>

<p>设计手机控制界面</p>
<img src="images/gateway-phoneui.png"/>
</p>
<p>手机上的效果</p>
<img src="images/phoneui.png"/>
</p>
<p>示例代码</p>
<img src="images/phone-code-example.png"/>
</p>

<h2>设备开发案例</h2>
<p>客厅温湿度、空气质量、人体红外和315Mhz发射/接收设备（挂壁盒）</p>
<img src="images/device-01.png"/>
</p>
<p>卧室温湿度、空气质量和315Mhz发射设备（挂壁盒）</p>
<img src="images/device-07.png"/>
</p>
<p>改造好的插座</p>
<img src="images/device-02.png"/>
</p>
<p>改造好的饮水机</p>
<img src="images/device-03.png"/>
</p>
<p>家庭能耗监控，可以获取电压、电流和功率等数据</p>
<img src="images/device-04.png"/>
</p>
<p>红外学习设备，可以遥控家里的电视、功放机、空调和风扇等可以通过红外控制的家电</p>
<img src="images/device-05.png"/>
</p>
<p>改造好的WIFI玩具车</p>
<img src="images/device-06.png"/>
</p>

<h2>更多详细内容，请查看<a target="_blank" href="https://github.com/chzhewl/baozhai/">开发文档</a></h2>
</p>
<h2>联系我</h2>
<p>
    © baozhai.cc 2014 - 2015 备案号：京ICP备14051544号-1 宝宅技术交流QQ群：<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=2baf9477250c33b68df0d7114a016db97fa109e9b135b9fc02f12422bf42d23c">88853045</a> 邮箱： chzhewl@126.com
</p>


</div>
<a class="btt btn btn--plain hide-from-print" href="#" id="btt">Top <i class="icon icon--up"></i></a>
</article>

<script src="js/main.js?v=1"></script>
<script>
(function() {
    var header = new Headroom(document.querySelector("#header"), {
        tolerance: 5,
        offset : 205,
        classes: {
          initial: "animated",
          pinned: "slideDown",
          unpinned: "slideUp"
        }
    });
    header.init();

    var bttHeadroom = new Headroom(document.getElementById("btt"), {
        tolerance : 0,
        offset : 500,
        classes : {
            initial : "slide",
            pinned : "slide--reset",
            unpinned : "slide--down"
        }
    });
    bttHeadroom.init();
}());
</script>
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="/p/projects.js"></script>
</body>
</html>
